<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#btn{
				width: 200px;
			}
		</style>
		<script>
			window.onload =function(){
// 				function myclick(idStr, fun){
// 					var btn = document.getElementById(idStr);
// 					btn.onclick = fun;
// 				}
// 				
// 				myclick("btn", function(){
// 					var span = document.getElementById("span");
// 					var pn = span.parentNode;
// 					alert(pn.innerHTML);
// 					alert(pn.innerText);
// 				});
// 				
// 				// 获取body元素
// 				var oBody = document.getElementsByTagName("body")[0];
// 				var oBody2 = document.body;
// 				console.log(oBody == oBody2)

// 				document.getElementById("btn").onclick=function(){
// 					console.log("str")
// 				}

// 				document.getElementById("btn").onclick = function(){
// 					if(confirm("你喜欢我吗???")){
// 						console.log(this)
// 					}
// 				}

				document.getElementById("btn").style.color = "red"
				// 会将文本的red替换掉
				document.getElementById("btn").style.cssText = 'padding:50px;'
				// 改变了id值为button, 对应的btn的样式会消失
				document.getElementById('btn').id = "button"
				
			}
		</script>
	</head>
	<body>
		<button id="btn">按钮</button>
		<span id="span"></span>
	</body>
</html>
